<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
<head>
<%@ include file="/common/taglibs.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>result</title>
<meta name="description" content="">
<script src="${ctx}/resources/js/lib/jquery/jquery-1.7.2.min.js"></script>
<script src="${ctx}/resources/js/search/result.js"></script>
<!-- styles -->
<link href="${ctx}/resources/css/lib/bootstrap/bootstrap.css"
	rel="stylesheet">
<link href="${ctx}/resources/css/lib/bootstrap/bootstrap-responsive.css"
	rel="stylesheet">
<link href="${ctx}/resources/css/main.css" rel="stylesheet">


<!-- javascript
================================================== -->
<script src="${ctx}/resources/js/lib/jquery/jquery-1.7.2.min.js"></script>
<script src="${ctx}/resources/js/lib/bootstrap/bootstrap.js"></script>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
		  <script src="WEB-INF/resources/js/lib/bootstrap/html5.js"></script>
		<![endif]-->
</head>
<body>
	<!-- Header
    ================================================== -->
	<div class="navbar header">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">sopaths</a>
				<div class="pull-right">
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li><span>姬小路熊猫</span></li>
							<li><a href="#"><i class="icon-cog"></i>企业管理(新简历3份)</a></li>
							<li><a href="#" class="last"><i class="icon-off"></i>退出</a></li>
						</ul>
					</div>
					<!--/.nav-collapse -->
					<a href="#" class="btn btn-primary pull-right">发布招聘信息</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Menu
    ================================================== -->

	<!-- Container
    ================================================== -->
	<div class="container margin-t30">
		<div class="well height-small">
			<form class="form-horizontal form-small">
				<div class="control-group">
					<label class="control-label" for="">工作地点：</label>
					<div class="controls">
						<input class="input-xlarge" id="" type="text" placeholder="不限"
							disabled>

						<!-- Button to trigger modal -->
						<a href="#myModal" role="button" class="btn btn-small"
							data-toggle="modal">选择地点</a>

						<!-- Modal -->
						<div id="myModal" class="modal hide fade" tabindex="-1"
							role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">×</button>
								<h3 id="myModalLabel">
									选择城市：<a class="btn">不限</a>
								</h3>
							</div>
							<div class="modal-body modal-table">
								<table class="table table-striped">
									<tr>
										<th>主要城市：</th>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
									</tr>
									<tr>
										<th>&nbsp;</th>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
									</tr>
									<tr>
										<th>&nbsp;</th>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
										<td><a href="#">北京</a></td>
										<td><a href="#">上海</a></td>
										<td><a href="#">广州</a></td>
									</tr>
									<tr>
										<th>其他城市：</th>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
									</tr>
									<tr>
										<th>&nbsp;</th>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
									</tr>
									<tr>
										<th>&nbsp;</th>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
										<td><a href="#">河北</a></td>
										<td><a href="#">河南</a></td>
										<td><a href="#">广东</a></td>
									</tr>
								</table>
							</div>
							<div class="modal-footer">
								<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
							</div>
						</div>

					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="">工作年限：</label>
					<div class="controls fixed-width">
						<a href="javascript:goSearch('all','workExperence')">全部</a> <a
							href="javascript:goSearch('null','workExperence')">无经验</a> <a
							href="javascript:goSearch('1','workExperence')">1年以下</a> <a
							href="javascript:goSearch('1-3','workExperence')">1-3年</a> <a
							href="javascript:goSearch('3-5','workExperence')">3-5年</a> <a
							href="javascript:goSearch('5-10','workExperence')">5-10年</a> <a
							href="javascript:goSearch('10','workExperence')">10年以上</a>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="">职位：</label>
					<div class="controls">
						<input class="input-xlarge" id="title_keywork" type="text" placeholder="" value="${keyword}">
						<a href="#" class="btn btn-small margin-r10">搜索职位</a><a href="#"
							class="btn btn-small">搜索简历</a>
					</div>
				</div>
			</form>
		</div>
		<table class="table table-bordered table-striped">
			<thead>
				<tr>
					<th>职位名称</th>
					<th>公司名称</th>
					<th>工作地点</th>
					<th>发布日期</th>
					<th>信息来源</th>
				</tr>
			</thead>
			<tbody>
				<c:forEach var="item" items="${recruiments}">
					<tr>
						<td><a href="#">${item.jobTitle}</a><br> <small>${item.educationBackground}</small></td>
						<td>${item.companyName}</td>
						<td>${item.primaryLocation}</td>
						<td>10-15</td>
						<td>10-15</td>
					</tr>
				</c:forEach>
			</tbody>
		</table>
		<div class="pagination pagination-right">
			<ul>
				<li class="disabled"><a href="#">«</a></li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#">»</a></li>
			</ul>
		</div>
	</div>

	<!-- Footer
    ================================================== -->
	<footer class="footer">
		<div class="container">
			<p>
				Designed and built with all the love in the world by <a
					href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a
					href="http://twitter.com/fat" target="_blank">@fat</a>.
			</p>
			<p>
				Code licensed under <a
					href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache
					License v2.0</a>, documentation under <a
					href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
			</p>
			<p>
				<a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a
					href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
			</p>
			<ul class="footer-links">
				<li><a href="http://blog.getbootstrap.com">Blog</a></li>
				<li class="muted">&middot;</li>
				<li><a
					href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
				<li class="muted">&middot;</li>
				<li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
			</ul>
		</div>
	</footer>

</body>
</html>